<template>
	<view>
		<navigator class="nav" open-type="navigateBack" hover-class="none">
			完成
		</navigator>
		
		<view class="row1">
			<view><i class="iconfont iconweixinzhifu"></i></view>
			<view class="row1-text">支付成功</view>
			<view class="row1-money"><text>￥</text>{{total}}</view>
		</view>
		
		<view class="row2">
			<navigator url="index" hover-class="none"  class="row2-left">返回首页</navigator>
			<navigator url="order" hover-class="none" class="row2-right">查看订单</navigator>
		</view>
		
		<view class="row3">
			<view class="row3-left">
				<text>支付积分</text>
				<view>{{score}}积分</view>
			</view>
			<view class="row3-right">
				<text>支付金额</text>
				<view>￥{{total}}</view>
			</view>
		</view>
		<!-- <view class="hr"></view>
		<view class="like">你可能还喜欢</view> -->
		<!-- 商品列表 -->
		<!-- <view class="goods">
			<navigator hover-class="fales" class="goods-item" v-for="(item,index) in goods" :key="index" :url="'goodDetail?unid='+item.unid">
				<view class="goods-item-img">
					<image :src="item.detail" mode="aspectFit"></image>
				</view>
				<view class="goods-item-info">
					<view class="goods-item-info-name">{{item.goods_name}}</view>
					<view class="goods-item-info-price"><span>{{item.score}}</span>积分+￥{{item.price}}</view>
				</view>
			</navigator>
			<uni-load-more v-if="goods.length >= 6" :status="status" :content-text="contentText" />
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				total:0,
				score:0
			}
		},
		onLoad(e) {
			this.total= e.total;
			this.score= e.score;
		}
	}
</script>

<style lang="scss">
	.nav{
		padding-top: 50upx;
		width: 120upx;
		height: 88upx;
		float: right;
		line-height: 88upx;
		font-size: 38upx;
		color: #333333;
	}
	.row1{
		width: 100%;
		display: flex;
		align-content: center;
		flex-direction: column;
		justify-content: center;
		view{
			display: flex;
			justify-content: center;
		}
		.iconweixinzhifu{
			font-size: 88upx;
			color: #41B035 !important;
		}
		.row1-text{
			color: #333333;
			font-size: 30upx;
		}
		.row1-money{
			font-size: 50upx;
			color: #FF0000;
			text{
				font-size: 38upx;
				margin-top: 15upx;
			}
		}
	}
	
	
	.row2{
		width: 100%;
		display: flex;
		justify-content: center;
		.row2-left{
			width: 160upx;
			height: 60upx;
			color: #FF9900;
			border-radius: 8upx;
			border: 2upx solid #FF9900;
			text-align: center;
			line-height: 60upx;
			margin-right: 20upx;
		}
		.row2-right{
			width: 160upx;
			height: 60upx;
			color: #FF9900;
			border-radius: 8upx;
			border: 2upx solid #FF9900;
			text-align: center;
			line-height: 60upx;
		}
	}
	
	.row3{
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin: 20upx auto;
		.row3-left{
			width: 50%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			text{
				color: #A8A8A8;
				font-size: 24upx;
			}
			view{
				color:#333333;
				font-size:30upx;
			}
		}
		.row3-right{
			width: 50%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			text{
				color: #A8A8A8;
				font-size: 24upx;
			}
			view{
				color:#333333;
				font-size:30upx;
			}
		}
	}
	
	.hr{
		width: 100%;
		height: 28upx;
		background: #F7F7F7;
	}
	
	.like{
		width: 100%;
		height: 100upx;
		text-align: center;
		line-height: 100upx;
		color: #333333;
		font-size: 30upx;
	}
	
	
	
	// 商品列表
	.goods{
		margin: 30upx 30upx 100upx;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		.goods-item{
			width: 48%;
			height: 560upx;
			.goods-item-img{
				height: 266upx;
				width: calc(100% - 40upx);
				padding: 50upx 20upx;
				border-radius: 20upx;
				border: 2upx solid #F0F0F0;
				image{
					width: 100%;
					height: 100%;
				}
			}
			.goods-item-info{
				margin-top: 20upx;
				.goods-item-info-name{
					color: #333333;
					font-size: 26upx;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					overflow: hidden;
					word-break: break-all;
					word-wrap: break-word;
				}
				.goods-item-info-price{
					color: #FF0000;
					font-size: 20upx;
					span{
						font-size: 34upx;
						font-weight: 500;
						margin-right: 8upx;
					}
				}
			}
		}
	}
	.uni-load-more{
		width: 100%;
	}
</style>
